<!DOCTYPE html>
<html>
<head>
	<title>搜索</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0"/>
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="{G_TEMPLATES_CSS}/wx/index.css" rel="stylesheet">
    <link href="{G_TEMPLATES_CSS}/wx/swiper.min.css" rel="stylesheet">
    <script src="{G_TEMPLATES_JS}/wx/jquery-2.1.4.min.js"></script>
    <script src="{G_TEMPLATES_JS}/wx/swiper.min.js"></script>
    <style>
    	body{
			background:#f3f3f3;
			}
    </style>
</head>
<body>
	<header class="header">
    	<a href="javascript:;" onClick="history.go(-1)">
    	<div class="header-left" style="margin-left:2%;">
    		<img src="{G_TEMPLATES_IMAGE}/wx/back-b.png" class="back">
            <span style="color:#fff;font-size:18px;float:left;display: inline-block;">返回</span>
        </div>
        </a>
        <div class="header-center">
    		<span class="name">分类</span>
    	</div>
        <div class="header-right" style="float:right;width:15%;">
        	<img src="{G_TEMPLATES_IMAGE}/wx/zhuyejian.png" class="back">
        </div>
    </header>
	
    <div class="classify-top">
    	<input type="search" name="search"  class="search"  value="" placeholder="搜索" style="background:#fff;text-align:center;font-size:14px;">
        <img src="{G_TEMPLATES_IMAGE}/wx/sousuo.png" style="width:30px;height:30px;float:left;margin-top:-49px;margin-left:135px;">
    </div>
    
    <div class="products">
    	<div class="dz-products">
        	<h4 class="dz-fl" style="margin-bottom:0px;">-&nbsp;电子科技&nbsp;-</h4>
            <p class="dz-fl" style="margin-top:5px;">Electronic science and technology</p>
        </div>
        <div class="cotton" style="border-top:1px #f3f3f3 solid;"></div>
        <div class="products-show">
        	<input type="hidden" id="hidden" value="1">
            <ul>
               <li>
                 <a href="#">
                  <img class="dz-img" src="{G_TEMPLATES_IMAGE}/wx/goods-jx.png" alt="img">
                </a><br />
                <span class="dz-name">摄像头</span>
              </li>
              <li>
               <a href="#">
                <img class="dz-img" src="{G_TEMPLATES_IMAGE}/wx/goods-jx.png" alt="img">
              </a><br />
              <span class="dz-name">摄像头</span>
                </li>
                <li>
                 <a href="#">
                  <img class="dz-img" src="{G_TEMPLATES_IMAGE}/wx/goods-jx.png" alt="img">
                </a><br />
                <span class="dz-name">摄像头</span>
                </li>
        	</ul>
            
            <ul>
               <li>
                 <a href="#">
                  <img class="dz-img" src="{G_TEMPLATES_IMAGE}/wx/goods-jx.png" alt="img">
                </a><br />
                <span class="dz-name">摄像头</span>
              </li>
              <li>
               <a href="#">
                <img class="dz-img" src="{G_TEMPLATES_IMAGE}/wx/goods-jx.png" alt="img">
              </a><br />
              <span class="dz-name">摄像头</span>
                </li>
                <li>
                 <a href="#">
                  <img class="dz-img" src="{G_TEMPLATES_IMAGE}/wx/goods-jx.png" alt="img">
                </a><br />
                <span class="dz-name">摄像头</span>
                </li>
        	</ul>
    	</div>
    </div>
   
    
<script>
	$(document).ready(function(e) {
        $(".search-fl ul li").click(function(){
			var sw=$(".search-fl ul li").index(this);
			$(".search-fl ul li").eq(sw).addClass("search-select").siblings(".search-fl ul li").removeClass("search-select");
		$(".search-bq").eq(sw).show(600).siblings(".search-bq").hide(600);
		})

        $("#gosearch").click(function(){
            var res=$(this).parent().prev('input').val();
            if (res=='') {
                 alert("请输入要搜索的关键字");
            }else{
                 window.location.href="{WEB_PATH}/mobile/mobile/search_result/"+res;
            }
        })
    });
</script>
</body>
</html>
